/* ** 百分比宽度类 开始  ** */
each(range(100),{
  @num:boolean(mod(@value,5)=0);
  .zy-row-@{value} when(@num){
    width: (@value * 1%);
  } 
  .zy-row-@{value} when(@value = 33){
    width: 33.333%;
  }
  .zy-row-@{value} when(@value = 66){
    width: 66.666%;
  }
})
/* ** 百分比宽度类 结束  ** */

/* ** 百分比高度类 开始  ** */
each(range(100), {
  @num:boolean(mod(@value,5) = 0);
  .zy-col-@{value} when(@num){
    height: (@value * 1%);
  } 
  .zy-col-@{value} when(@value = 33){
    height: 33.333%;
  }
  .zy-col-@{value} when(@value = 66){
    height: 66.666%;
  }
});
/* ** 百分比高度类 结束  ** */

/* ** 开发环境 布局边框 开始 ** */
@border-color: red, green, blue, aqua, cadetblue, aquamarine, yellow, orange, deeppink, dodgerblue;

each(@border-color,{
  .tb-@{index} {
    border: 2px solid @value;
  }
})
/* ** 开发环境 布局边框 结束 ** */